$primary-color: #3399FF;
$success-color: #6FC86F ;
$processing-color: $primary-color;
$warning-color: #FF8000;
$error-color: #FF0033;
$info-color: #8C8C8C;
$normal-color : #d9d9d9;
$white: #fff;
$black: #000;

$primary-color-light:#E8F7FE;
$primary-bg-color:#E8F7FE;
$primary-bg-light-color:#F9F9FF;
$primary-disabled-color:#A0DAFF;
$primary-ex: #79C6FF;// 备选，特殊场景

$mask-color:rgba(29,33,33,0.56); // 


$heading-color: #262626;
$heading-dark-color: #7F7F7F;
$text-color: #595959;
$text-dark-color: #AEAEAE;
$text-color-secondary: #8C8C8C;
$text-dark-color-secondary: #DCDCDC;
$disabled-color: #BFBFBF;
$background-color: #F5F5F5;
$background-color-light: #FAFAFA; 

$font-variant-base: tabular-nums;
$font-size-base: 14px;
$font-size-lg: $font-size-base + 2px;
$font-size-sm: 12px;

$border-radius-base: 4px;
$border-radius-sm: 2px;

$line-height-base:1.5;

$header-height:40px;//面板，弹窗，抽屉 的头部高度
$bottom-height:48px;

// Border color
$border-color-base: #D9D9D9; // base border outline a component
$border-color-split:#F0F0F0; // split border inside a component
$border-width-base: 1px; // width of the border for a component
$border-style-base: solid; // style of a components border

// LINK
$link-color: $primary-color;
$link-hover-color: #57B1FF;
$link-active-color: #1E73D3;
$link-decoration: none;
$link-hover-decoration: none;



// vertical paddings
$padding-lg: 24px; // containers
$padding-md: 16px; // small containers and buttons
$padding-sm: 12px; // Form controls and items
$padding-xs: 8px; // small items

// The background colors for active and hover states for things like
// list items or table cells.
$item-active-bg: $primary-bg-color;
$item-hover-bg: $primary-bg-color;


// Shadow
$shadow-color: rgba(0, 0, 0, .15);
$shadow-1-up: 0 -2px 8px $shadow-color;
$shadow-1-down: 0 2px 8px $shadow-color;
$shadow-1-left: -2px 0 8px $shadow-color;
$shadow-1-right: 2px 0 8px $shadow-color;
$shadow-2: 0 4px 12px $shadow-color;
$box-shadow-base: $shadow-1-down;

// Animation
$ease-base-out: cubic-bezier(0.7, 0.3, 0.1, 1);
$ease-base-in: cubic-bezier(0.9, 0, 0.3, 0.7);
$ease-out: cubic-bezier(0.215, 0.61, 0.355, 1);
$ease-in: cubic-bezier(0.55, 0.055, 0.675, 0.19);
$ease-in-out: cubic-bezier(0.645, 0.045, 0.355, 1);
$ease-out-back: cubic-bezier(0.12, 0.4, 0.29, 1.46);
$ease-in-back: cubic-bezier(0.71, -0.46, 0.88, 0.6);
$ease-in-out-back: cubic-bezier(0.71, -0.46, 0.29, 1.46);
$ease-out-circ: cubic-bezier(0.08, 0.82, 0.17, 1);
$ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.34);
$ease-in-out-circ: cubic-bezier(0.78, 0.14, 0.15, 0.86);
$ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
$ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
$ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);

$animation-duration-slow: 0.3s; // Modal
$animation-duration-base: 0.2s;
$animation-duration-fast: 0.1s; // Tooltip


$cursor-disabled: not-allowed;

// 背景
$bg-main-color:$background-color;
// 菜单选项卡
$tag-height:40px;

// 头部
$header-height:48px;

// 侧边
$side-width:208px;
$side-min-width:64px;

// 简约侧边
$side2-width:80px;

// 底部
$footer-height:40px;


// 导航风格颜色
$color-type-black:#262626;
$color-type-blue:#4285F4;




